@import "../../../../sass/base.scss";

.person-info {
  height: 100%;
  width: 100%;
  padding: 7px 32px;

  .person-info-head {
    height: 50px;
    line-height: 50px;
    font-size: 14px;
    overflow: hidden;

    .head-left {
      float: left;
    }

    .head-right {
      float: right;
    }
  }

  .person-info-body {
    width: 100%;
    height: calc(100% - 70px);
    background-color: #fff;
    // padding-left: 20px;
    // padding-right: 20px;
    box-shadow: 0px 0px 8px #ddd;

    ::ng-deep .ant-tabs-nav .ant-tabs-tab {
      height: 50px;
    }

    ::ng-deep .ant-tabs-tabpane {
      padding-left: 20px;
      padding-right: 20px;
    }

    .body {
      height: calc(100% - 50px);
      width: 100%;

      .delete {
        margin-left: 10px;
        // display: none;
        color: #999999;
        cursor: pointer;
        &:hover {
          color: #02d6dc;
        }
      }
    }

    .pager {
      text-align: center;
      margin-top: 15px;
    }

    .ant-tabs {
      height: 100%;
    }

    ::ng-deep .ant-tabs-bar {
      margin-bottom: 0;
      padding-left: 20px;
      padding-right: 20px;
    }

    ::ng-deep .ant-tabs-content {
      height: calc(100% - 80px);
    }

    .person-info-manager-staff {
      overflow: auto;
      height: calc(100% - 45px);
      margin-top: 10px;
      padding-left: 20px;
      padding-right: 20px;
    }

    .person-info-manager-staff-item {
      padding: 20px 20px 0px;
      /* background: #fbfbfb; */
      height: 200px;
      display: inline-block;
      // width: auto;
      text-align: center;
      color: #999;
      border-radius: 4px;
      margin: 12px;
      width: 9.2%;
      min-width: 140px;
      border: 1px solid #e5e5e5;

      .person-info-body-list-img {
        height: 80px;
        margin-bottom: 10px;
        // width: 80px;
      }
    }

    .person-info-body-table-img {
      width: 40px;
      height: 40px;
      border-radius: 50%;
    }

    .person-info-manager-staff-item-divider {
      margin: 10px 0px;
      border-bottom: 1px solid #ddd;
    }

    .person-info-manager-staff-item-name {
      color: #333;
    }
  }
}
